@import "variables.less";
*{
	margin: 0px;
	padding: 0px;
}
ul li{
	list-style: none;
}
ul, ol {
	margin: 0px !important;
}
a {
	text-decoration: none !important;
	&:focus {
		outline:0; 
	}
}
button,input,select,textarea {
	background: @input-bg;
	color: @gray-light;
}
body{
	font-family: @font-family-base;
	font-size: @font-size-h6;
}

@search_btn : #fc0;
@bor : 1px solid @text-top;


.bk_bj {
	background: @popover-bg;
	border: @bor;
}
.clear {
	clear: both;
}
.posr {
	position: relative;
}
.posa {
	position: absolute;
}
.l {
	float: left;
}
.r {
	float: right;
}

@f_16: 16px;
@f_18: 18px;
@f_20: 20px;

.f_20 {
	height: @f_20;
	width: 100%;
}
.f_5 {
	height: 5px;
	width: 100%;
}

h1, h2, h3 {
    margin: 0px;
}

//top-lighthouse
.bor_bottom{
	border-bottom: @bor;
	height: @font-size-h1;
}

.iconfollow_icon{
	width: @f_18;
	height: @f_18;
	display: block;
	cursor: pointer;
}

.iconfollow{
	.nav_zhengti;
	height: 36px;
	.iconfollow_left{
		.l;
		width: 180px;
		height: @font-size-h1;
		background: url(../images/iconfollow.png) no-repeat;
		> ul{
			margin-bottom: 0px;
			> li {
				.l;
				margin-top: 9px;
				margin-left: 10px;
				.facebook,
				.tumblr,
				.youtube,
				.B,
				.vk,
				.pinterest{	
					.iconfollow_icon;		
				}
			}
		}
	}
	.iconfollow_right{
		.r;
		line-height: 34px;
		.posr;
		> ul {
			margin-bottom: 0px;
			> li {
				border-left: @bor;
				border-top: 1px solid @body-bg;
				border-right: 1px solid @body-bg;
				border-bottom: 1px solid @body-bg;
				padding: 0px 10px;
				display: inline-block;
				text-align: center;
				.l;			
				a {
					color: @gray-light;
					&:hover {
						color: @text-chengse;
					}
				}
				&:first-child{
					border-left: 0px;
				}
			}
			.currency {
				span {
					background-image: url("../images/header.png");
					background-repeat: no-repeat;
					background-position: 0 -223px;
					padding: 0 0 0 @f_20;
					.GBP{
						background-position: 0 -175px;
					}
					.AUD{
						background-position: 0 -124px;
					}
					.EUR{
						background-position: 0 -75px;
					}
					.RUB{
						background-position: 0 -200px;
					}
					.UAH{
						background-position: -52px -225px;
					}
					.BRL{
						background-position: -52px -325px;
					}
					.CAD{
						background-position: 0 -100px;
					}
					.ARS{
						background-position: 0 -250px;
					}
					.BYR{
						background-position: -52px -75px;
					}
					.TRY{
						background-position: -52px -300px;
					}
				}
				ul {
					min-width: 136px;
					a {
						background-image: url("../images/header.png");
					    background-position: 30px -218px;
					    background-repeat: no-repeat;
					    padding: 0 0 0 40px !important;
					}
				}		
				.GBP a {
					background-position: 30px -168px;
				}
				.AUD a {
					background-position: 30px -119px;
				}
				.EUR a {
					background-position: 30px -68px;
				}
				.RUB a {
					background-position: 30px -194px;
				}
				.UAH a {
					background-position: -167px -218px;
				}
				.BRL a {
					background-position: -167px -318px;
				}
				.CAD a {
					background-position: 30px -93px;
				}
				.ARS a {
					background-position: 30px -244px;
				}
				.BYR a {
					background-position: -167px -68px;
				}
				.TRY a {
					background-position: -167px -293px;
				}
			}
		}
	}
}

.pos {
	height: 38px;
	line-height: 38px;
}

.car_01 {
	font-size: @padding-large-horizontal;
	font-weight: 700;
	.posa;
}
.nav_zhengti {
	width: 1200px;
	margin:0 auto;
}

.ull{
	margin-left: -15px;
}

.navv {
	font-size: 16px;
	font-weight: bold;
}

.fr {
	margin-left: 50px;
}

.sjj {
	bottom: -17px;
    color: @popover-bg;
    font-size: 16px;
    left: 160px;
    .posa;
}

// header
header{
	background-color: @dominant;
	height: 110px;
	width: 100%;
	.nav_top {
		height: 75px;
		.logo {
			width: 208px;
			padding-top: 15px;
			.l;
			img {
				width: 100%;
				height: 100%;
			}
		}
		.searchbox {
			.l;
			background: #fc0;
			height: 40px;
			left: 120px;
			.posr;
			top: @f_20;
			width: 630px;
			border-radius: 5px;
			.search-keywords {
				padding: 1px;				
				input {
					border: medium none;
					font-size: @font-size-base;
					width: 480px;
					outline: medium none;
					padding-left: @padding-xs-horizontal;
					border-radius: 5px 0px 0px 5px;
					.pos;
				}
			}
			.cate-content {
				.posa;
				.pos;
				border-left: @bor;
				cursor: pointer;
				right: 48px;
				top: 1px;
				background: @popover-bg;
				width: 142px;
				color: @gray-light;
				.btn {
					padding: 8px 16px !important;
					border-radius: none !important;
				}
			}
			.searchBarButton{
				background: #fc0 none repeat scroll 0 0;
			    border: medium none;
			    height: 38px;
			    .posa;
			    right: 1px;
			    top: 1px;
			    width: 54px;
			}
		}
		.head-cart {
			.posa;
		    height: 51px;
		    right: 0;
		    top: 20px;
		    width: 155px;
		    .cart-inner {
		    	.posr;
			    background: url("../images/cart.png") no-repeat 25px center;
			    cursor: pointer;
			    display: block;
			    height: 51px;
			    padding: 11px 0 9px;
			    z-index: 6;
			    line-height: 39px;
			}
			.cart-text {
				.car_01;
				left: 75px;
				top: 8px;
				color: @input-bg;
				
			}
			.caret {
				color: @input-bg;
				.car_01;
				left: 115px;
				top: 26px;
			}
			.cart-nub {
			    color: #e71;
			    display: block;
			    height: 18px;
			    left: 35px;
			    text-align: center;
			    top: 0px;
			    width: 30px;
			}
			.cart-nub {
				.posa;
			    font-size: 16px;
			    font-weight: 700;
			}
			
			.head-cart-pro {
			    .posa;
			    right: -1px;
			    top: 48px;
			    width: 368px;
			    background-color: @badge-color;
			    border: 1px solid @gray-light;
			    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
			}
			.head-cart-prompt {
			    line-height: 24px;
			    padding: 35px 0;
			    text-align: center;
			    z-index: 5;
			}
			.js-empty {
			  	color: @gray-dark;
			    font: 12px/1.5 Arial,Helvetica,sans-serif;
			}
		}
		.head_active {
		    border-color: @gray-light;
		    border-image: none;
		    border-style: solid;
		    border-width: 1px 1px 0;
		    .cart-text,
		    .caret {
		    	color: #000;
		    }
		}
		.head_active .cart-inner {
		    background: @badge-color url("../images/cart_1.png") no-repeat 25px center;
		}
	}
	.nav_bottom {
		height: 30px;
		font-size: @font-size-base;
		.nav_left {
			width: 180px;
			line-height: 30px;
			color: @input-bg;
			.l;
		}
		.nav_right {
			.l;
			ul li {
				display: inline;					
				text-align: center;					
				line-height: 30px;
				border-left: @bor;
				&:first-child {
					border-left: 0px;
				}	
				a{
					color: @input-bg;
					padding: 0 15px;
					&:hover {
						color: #ff751a;
					}					
				}
			}
		}
	}
}

.btn-group.open .dropdown-toggle {
	box-shadow: none;
	&:active {
		box-shadow: none;
	}
}
.dropdown-menu {
	border-radius: 0px;
	> li > a {
		line-height: 1.8 !important;
	}
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle,
.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
	outline: 0 none;
}

#dorplist_01 {
	.posa !important;
	border-radius: 0 !important;
	z-index: 7 !important;
	right: -1px;
}
.listbj {
	background: @popover-bg;
    height: 5px;
    overflow: hidden;
    .posa;
    width: 100%;
    right: 0px;
    z-index: 1000;
    top: 30px;
    display: none;
}

#cootrany {
	.posa !important;
	border-radius: 0 !important;
	z-index: 7 !important;
	right: -1px;
	li {
		a {
			line-height: 30px;
		}
	}
}

.dorplist_02 {
	&:hover {
		.bk_bj;
		box-sizing: border-box;
		.dropdown-menu {
			display: block;
		}
		.listbj {
			display: block;
		}
	}
}

.dorplist_03 {
	.posr;
	.dropdown-menu {
		display: none;
	}
	&:hover {
		.bk_bj;
		box-sizing: border-box;
		.dropdown-menu {
			display: block;
		}
		.listbj {
			display: block;
		}
	}
}
 
.header_left {
	padding: 0px;
	width: 200px;
	.l;
}
// banner
.header_center {
	width: 775px;
	display: inline-block;
	vertical-align: top;
}

.main_visual{
	.posr;
	overflow:hidden;
	.main_image {
		.posr;
		height:420px;
		overflow:hidden;
		ul {
			.posa;
			width:9999px;
			height:422px;
			overflow:hidden;
			top:0;
			left:0;
		}
		span , a {
			display:block;
			width:100%;
			height:422px;
		}
		img {
			width: 100%;
			height: 100%;
		}
	}
	.flicking_con {
		.posa;
		top: 375px;
		left: 50%;
		z-index: 2;
		width: 300px;
		height: 21px;
		margin: 0 0 0 -50px;
		a {
			.l;
			width:21px;
			height:21px;
			margin:0;
			padding:0;
			background:url('../images/btn_main_img.png') 0 0 no-repeat;
			display:block;
			text-indent:-1000px;
			&.on {
				background-position:0 -21px
			}
		}
	}
}

#btn_prev,#btn_next {
	z-index: 3;
	.posa;
	display:block;
	width:35px!important;
	height:35px !important;
	top:50%;
	margin-top:-37px;
	display:none;
}
#btn_prev {
	background:url(../images/hover_left.png) no-repeat left top;
	left:20px;
}
#btn_next {
	background:url(../images/hover_right.png) no-repeat right top;
	right:20px;
}
.header_right {
	padding-left: 0px;
	padding-right: 0px;
	width: 225px;
	display: inline-block;
	ul li {
		.bk_bj;
		width: 100%;
		padding: 5px 10px;
		margin-top: 10px;
		height: 97px;
		text-align:justify;
		text-justify:inter-ideograph;
		word-break:break-all;
		&:first-child {
			margin-top: 0px;
		}
		dd {
			text-indent: 1em;
		}
	}
}

// 左侧导航
#nav-2014 {
    border-bottom: 2px solid #b1191a;
    height: 44px;
}
#categorys-2014 {
	.posr;
    .l;
    height: 44px;
    overflow: visible;
    width: 100%;
    z-index: 10;
    .dt a {
    	background: #b1191a none repeat scroll 0 0;
	    color: @badge-color;
	    display: block;
	    font: 400 15px/44px "microsoft yahei";
	    height: 44px;
	    padding: 0 10px;
	    text-decoration: none;
	    width: 190px;
    }
    .dd {
    	.bk_bj;
	    height: 420px;
	}
	.dd-inner {
		.item {
			.posr;
		    height: 41px;
		    z-index: 1;
		    a {
			    color: @gray-dark;
			}
		}
		h3 {
			.posa;
		    font-family: "microsoft yahei";
		    font-size: @font-size-base;
		    font-weight: 400;
		    height: 41px;
		    line-height: 39px;
		    padding: 0 10px;
		    z-index: 2;
		}
		i {
			.posa;
		    font: 400 9px/@font-size-base;
		    height: @font-size-base;
		    right: @font-size-base;
		    top: 9px;
		    width: 4px;
		    z-index: 1;
		}
		.hover {
		    background: #f7f7f7 none repeat scroll 0 0;
		    color: #b61d1d;
		    a {
			    color: #b61d1d;
			}
			i {
			    background: #f7f7f7 none repeat scroll 0 0;
			    height: 31px;
			    left: 204px;
			    line-height: 200px;
			    overflow: hidden;
			    top: 0;
			    width: @font-size-base;
			}
		}
	}
	.dorpdown-layer {
		.posa;
	    background: #f7f7f7 none repeat scroll 0 0;
	    border: @bor;
	    display: none;
	    left: 198px;
	    overflow: hidden;
	    top: 0px;
	    width: 595px;
	    .hover {
		    display: block;
		}
	}
	.item-sub {
	    display: none;
	    overflow: hidden;
	    min-height: 418px;
	}
	.subitems {
	    background: #f7f7f7 none repeat scroll 0 0;
	    .l;
	    margin-bottom: -1000px;
	    min-height: 442px;
	    padding: 6px 0 1006px 20px;
	    width: 570px;
	    dl {
		    line-height: 2em;
		    overflow: hidden;
		    width: 100%;
		    .fore1 dd {
			    border-top: medium none;
			}
		}
		dt {
			.posr;
		    .l;
		    font-weight: 700;
		    padding: 8px 30px 10px 0;
		    width: 100%;
		    a {
		    	color: @gray-dark;
		    }
		}
		dd {
		    border-top: 1px solid #eee;
		    .l;
		    padding: 6px 0;
		    width: 560px;
		    a {
			    border-right: @bor;
			    .l;
			    height: 16px;
			    line-height: 16px;
			    margin: 4px 0;
			    padding: 0 8px;
			    white-space: nowrap;
			    color: @gray-light;
			}
		}
	}
}

#navitems-2014 .spacer, 
#navitems-2014 a, 
#navitems-2014 li, 
#navitems-2014 ul {
    .l;
}
#navitems-2014 {
	.posr;
    .l;
    z-index: 2;
    .spacer {
	    display: none;
	}
	a {
	    color: @gray-dark;
	    font: 400 15px/44px "microsoft yahei";
	    height: 44px;
	    padding: 0 20px;
	    text-align: center;
	    text-decoration: none;
	    &:hover {
	    	color: #c81623;
	    }
	}
	.spacer {
	    background: #ddd none repeat scroll 0 0;
	    height: 24px;
	    margin: 10px 0 0;
	    overflow: hidden;
	    width: 1px;
	}
}

.jiantou {
	cursor: pointer;
	color: @gray-light;
	margin-top: 140px;
	font-size: 24px;
	width: 39px;
}
.title {
	font-size: @font-size-base;
	line-height: 30px;
	color: @gray-dark;
}
.icon_01 {
	.posa;
	top: 0px;
	.save_01 {
		.posa;
		top: 3px;
		text-align: center;
		color: @popover-bg;
		letter-spacing: 1px;
		font-size: @font-size-base;
		line-height: 17px;
	}
}

.s {
	font-size: @font-size-small;
	color: @gray-light;
}

.product {
	min-height: 300px;
	.l;
	margin-top: 10px;
	.bk_bj;
	.content {
		.posr;
		.l;
		width:1100px;
		min-height: 300px;
		display:inline-block;
		overflow:hidden;
		padding-top: 20px;
	}
	.content_list {
		.posa;
		width:4000px;
		ul li {
			.l;
			margin-right: 15px;
			margin: 0 7.5px;
			.pic_01 {
				width: 205px;
				img {
					width: 100%;
					height: 100%;
				}
			}		
			.price_01 {
				font-size: 18px;
				color: #ff751a;
			}
		}
	}
	.prev {
		.jiantou;
		margin-left: 10px;
		.l;
	}
	.next {
		.jiantou;
		.r;
		margin-right: 10px;
		text-align: right;
	}
}

// Featured Categories
.featured {
	min-height: 300px;
	.posr;
	margin-top: 10px;
	ul li {
		.bk_bj;
	    .l;
	    padding: 5px;
	    text-align: center;
	    transition: all 0.2s ease 0s;
	    width: 228px;
		margin-right: 15px;
		&:last-child {
			margin-right: 0px;
		}
		a {
			color: black;
		    display: block;
		    height: 100%;
		    .posr;
		    width: 100%;
		    img {
		    	width: 100%;
		    	height: 100%;
		    }
			.main-category {
				background: white none repeat scroll 0 0;
			    bottom: 0;
			    display: block;
			    font: italic 1.8rem/2rem Georgia;
			    margin: 0 0.5%;
			    .posa;
			    text-transform: uppercase;
			    width: 100%;
			    height: 30px;
			    line-height: 30px;
			}
		}
		li {
		    border-color: #e1e1e1 -moz-use-text-color -moz-use-text-color;
		    border-image: none;
		    border-style: solid none none;
		    border-width: 1px medium medium;
		    float: none;
		    margin: 0 10px !important;
		    padding: 10px 0;
		    width: auto;
		    &:first-child {
		    	border-top: 0px;
		    }
		}
	}
}

// New Arrivals
.p_10 {
	padding-left: 10px;
	padding-right: 10px;
}
.new_01 {
	margin-top: 10px;
	height: 290px;
	
	.posr;
	.arrival {
		.bk_bj;
		.posr;
		width: 228px;
		.l;
		line-height: 25px;
		margin-bottom: 15px;
		height: 320px;
		&:hover {
			box-shadow: 0 0 8px @gray-light;
		}
		.title_02 {
			width: 224px !important;
			overflow:hidden;  
			text-overflow:ellipsis; 
			white-space:nowrap;
		}
	}
	.details {
		height: 290px;
	}
	.pic_02 {
		width: 100%;
		height: auto;
		.posr;
		img{
			width: 100%;
			height: 100%;
		}
	}
	.title_02 {
		.p_10;
		a {
			font-size: @font-size-base;
			color: @gray-dark;
		}
	}
	.price_02 {
		.l;
		width: 100%;
		.p_10;
	}
	.price_03 {
		font-size: 16px;
		color: #ff751a;
		.l;
		font-weight: 700;
	}
	.star {
		text-align: right;
		color: @gray-light;
		span {
			color: @gray-light;
		}
	}	
	.free_02 {
		.l;
		.p_10;
		color: @gray-light;
		a {
			line-height: 10px;
		}
	}
	.col-md-3 {
		padding-right: 0px;
		padding-left: 0px;
		margin-left: 15px;
	}
	.hover_01 {
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 35px;
		.posa;
		line-height: 35px;
		color: @popover-bg;
		font-size: @font-size-base;
		text-align: center;
		bottom: 0px;
		.in-category a {
			color: @popover-bg;
		}
	}
}

.new_02 {
	width: 1200px;
	overflow: hidden;
	.ull_02 {
		.posa;
		width: 4000px;
	}
}

.help {
	.bk_bj;
	min-height: 270px;
	padding-bottom: 20px;
	dt {
		font-size: @font-size-base;
		color: @gray-dark;
	}
	dd {
		line-height: 24px;
		color: @gray-light;
		font-size: @font-size-small;
	}
	.help_top {
		padding: 15px 10px;
		.l;
		.help_top_left {
			width: 50%;
			.l;
			
		}
		.help_top_right {
			width: 50%;
			.l;
			ul li {
				display: inline-block;
				padding: 0 40px;
				vertical-align: top;
				a {
					color: @gray-light;
				}
			}
		}
	}
	.help_bottom {
		width: 80%;
		margin: 0 auto;
		margin-top: 15px;
		img {
			width: 100%;
			margin: 0 auto;
		}
		
	}
}
.more {
	.r;
	line-height: 30px;
	font-size: @font-size-base;
	a {
		color: @gray-dark;
	}
}
.customers {
	a {
		font-size: @font-size-small;
		cursor: pointer;
	}
}

footer {
	color: @gray-light;
	font-size: @font-size-base;
	text-align: center;
	line-height: 50px;
}

@media screen and (max-width: 1281px) {
	.nav_zhengti {
		width: 992px !important;
	}
	.featured {
		ul li {
			width: 186px !important;
			li {
				width:88% !important;
			}
		}
	}
	.arrival {
		width: 186px !important;
		height: 280px !important;
	}
	.title {
		font-size: 1em !important;
	}
	.help_top_right ul li {
		padding: 0 34px !important;
	}
	.pic_01 {
		width: 164px !important;
	}
	.might {
		min-height: 250px !important;
		ul {
			width: 900px !important;
		}
	}
	.dd {
		height: 360px !important;
		.item {
			height: 35px !important;
			line-height: 35px !important;
		}
	}
	.header_center {
		width: 565px !important;
		.main_image {
			height: 360px !important;
			ul {
				height: 360px !important;
			}
		}
		.flicking_con {
			top: 320px !important;
		}
	}
	.header_right {
		width: 224px !important;
		 ul li{
		 	margin-top: 8.4px !important;
			&:nth-child(1) {
				height: 80px !important;
				margin-top: 0px !important;
			}
			&:nth-child(2) {
				height: 97px !important;
			}
			&:nth-child(3) {
				height: 97px !important;
			}
			&:nth-child(4) {
				height: 60px !important;
			}
		}
	}
	.nav_top {
		.logo {
			width: 165px !important;
		}
		.searchbox {
			left: 65px !important;
			width: 520px !important;
		}
		.cart {
			left: 145px !important;
		}
	}
	.nav_right ul li a {
		padding: 0 10px !important;
	}
	.iconfollow {
		.nav_zhengti;
	}
	.new_01 {
		.title_02 a {
			font-size: @font-size-small !important;
		}
		.hover_01 {
			height: 30px !important;
			line-height: 30px !important;
			font-size: @font-size-small !important;
		}
	}
	.main-category {
		font: italic 1.6rem/30px Georgia !important;
	}
    .item-sub {
		min-height: 358px !important;
	}
	.content {
		width: 892px !important;
	}
	.details {
		height: 245px !important;
	}
	.details_right {
		width: 495px !important;
	}
	.spec-preview {
		width: 445px !important;
	}
	.jqzoom {
		width: 443px !important;
	}
	.spec-scroll {
		width: 445px !important;
		.items {
			width: 370px !important;
			ul li {
				width: 62px !important;
				img {
					width: 55px !important;
				}
			}
		}
	}
	.new_01 {
		width: 992px !important;
		height: 245px !important;
	}
	.confirm {
		height: 390px !important;
	}
	.item-price,
	.item-shipping-cost {
		width: 65px !important;
	}
	.free_shipping {
		width: 205px !important;
	}
	.listCon {
		width: 624px !important;
	}
}

// list_details 类目详情页
#breadcrumb {
    display: block;
    font-size: @font-size-small;
    .posr;
}
.breadcrumb-new {
    border-left: @bor;
    > li {
    	.posr;
    	.l;
	    height: 30px;
	    margin-left: -13px;
	    background-image: url("../images/icon_bj.png");
    	background-repeat: no-repeat;
    	a {
    		display: inline-block;
		    height: 29px;
		    line-height: 29px;
		    padding: 0 18px 0 @font-size-small;
		    margin-left: 11px;
    	}
    	dt > a {
    		white-space: nowrap;
    		text-overflow: ellipsis;
    		max-width: 410px;
    		overflow: hidden;
    		&:hover {
    			text-decoration: none;
    		}
    		.em {
			    margin: 0 2px;
    		}
    	}
    	dl {
    		.posr;
    		.empty dt > a {
    			background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    		}
    		.lm_active {
    			.bk_bj;
    			.posr;
    			border: @bor;
    			border-bottom: 0px;
    			z-index: 7;
    			margin-left: @font-size-small;
    			padding: auto !important;
    			height: 28px;
    			line-height: 28px;
    			padding: 0 17px 0 10px;
    		}
    		.leimu-pro {
    			background: @badge-color;
    			min-width: 200px;
    			height: auto;
    			padding: 10px 0px;
    			.posa;
    			z-index: 6;
    			border: @bor;
    			top: 26px;
    			left: @font-size-small;
    		}
    	}
    }

	.current{ 
		dt a {
			color: @badge-color;
	    	font-weight: bold;
	    	.em {
	    		border-color: @badge-color transparent transparent;
	    	}
	    	&:hover {
	    		color: @badge-color;
	    	}
		}
	}
	.home {
		margin-left: 0;
		a {
			margin: 0px;
    		padding: 0 13px;
    		&:hover{
    			color: @badge-color;
    		}
		}
		&:hover {
			background-position: right -54px;
		}
	}
	> li {
		background-position: right -12px;
	}
	> .current {
	    background-position: right -54px;
	    &:hover {
	    	background-position: right -54px;
	    }
	}
}
.empty dl {
	height: 100%;
	margin-bottom: 0px;
}

.refine {
	height: 40px;
	line-height: 40px;
	border: @bor;
	background: @pagination-bg;
	margin-top: 15px;
	font-size: @font-size-base;
	ul li {
		.l;
		border-right: @bor;
		padding: 0 20px;
		a {
			color: @gray-dark;
		}
		&:hover {
			background: #f27e55;
			line-height: 38px;
			height: 38px;
			vertical-align: top;
			color: @btn-primary-color;
		}
	}
	.active {
		background: #f27e55;
		line-height: 38px;
		height: 38px;
		vertical-align: top;
		a {
			color: @btn-primary-color;
		}
	}
}

// 二级类目页
.ulr {
	margin-right: -15px;
	margin-top: 15px;
}
.list_wd {
	margin-bottom: 15px;
	.list_pic_wd {
		img {
			width: 100%;
			height: 100%;
		}
		&:hover {
			box-shadow: 0 0 8px @gray-light;
		}
	}
	span {
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: @font-size-large;
		display: block;
		color: @gray-dark;
	}
}

// Product_details
.details_01 {
	.bk_bj;
	min-height: 450px;
	padding: 15px;
	display: inline-block;
	width: 100%;
	.details_left {
		.l;
	}
	.details_right {
		width: 630px;
		margin-left: 15px;
		.r;
		.title_details {
			font-size: @font-size-base;
			font-weight: 400;
		}
		.block {
		    border-bottom: @bor;
		    margin: 0 0 10px;
		    padding: 0 0 10px;
		}
		.reviews {
		    background: rgba(0, 0, 0, 0) url("../images/starsBig.gif") no-repeat scroll 54px -80px;
		    line-height: 20px;
		    padding: 0 100px 0 0;
		    .s5 {
			    background: rgba(0, 0, 0, 0) url("../images/starsBig.gif") no-repeat scroll 54px -80px;
			}
		}
		.price {
			line-height: @font-size-h1;
			.price_01 {
				font-size: @font-size-base + 2;
			}
			.curr {
				.l;
				margin-right: 15px;
				cursor: pointer;
			}
			.currPrice {
				.l;
			    color: #f90;
			    font-size: @font-size-h3;
			    font-weight: bolder;
			    margin-right: 15px;
			}
			.priceDesc {
			    color: @gray-light;
			    font-size: @font-size-base;
			    padding: 0 0 0 20px;
			}
		}
		.prodInfo {
			min-height: 36px;
			width: 100%;
			display: inline-block;
			.shipFee {
			    margin: 0 25px 0 0;
			    padding: 3px 7px;
			}
			.shipStatus {
			    margin: 0 0 0 5px;
			}
		}
		.price_link {
			a {
				color: @gray-dark;
			}
		}
		.sku-attr-list li {
		    .l;
		    list-style: outside none none;
		    margin: 0 10px 3px 0;
		    a {
			    .bk_bj;
			    .l;
			    border-radius: 3px;
			    color: @gray-dark;
			    height: 30px;
			    line-height: 28px;
			    padding: 0 10px;
			    text-align: center;
			}
			.active a,
			&:hover a {
				border: 3px solid #f90;
			    border-radius: 4px;
			    line-height: 24px;
			    padding: 0 8px;
			    text-decoration: none;
			}
			&.disabled {
				a {
				    cursor: default;
				}
				span {
			    	opacity: 0.3;
				}
				&:hover a {
					border: 1px solid #e9e9e9;
				    border-radius: 2px;
				    height: 30px;
				    line-height: 28px;
				    padding: 0 10px;
				}
			}
			&.item-sku-image {
				a {
				    height: 40px;
				    overflow: hidden;
				    padding: 0;
				    text-align: center;
				    width: 40px;
				}
				img {
					display: inline-block;
				    max-height: 38px;
				    max-width: 38px;
				}
				&.active a img,
				&:hover a img {
					max-height: 34px;
		    		max-width: 34px;
				}
				&.disabled {
					&:hover a {
						height: 40px;
					    padding: 0;
					    width: 40px;
					    img {
					    	max-height: 38px;
		    				max-width: 38px;
					    }
					}
					a {
						opacity: 0.3;
					}
				}
			}
			&.item-sku-color {
				a {
				    height: 40px;
				    padding: 2px;
				    width: 40px;
				}
				span {
					display: block;
				    height: 100%;
				    width: 100%;
				}
				&.disabled a {
				    height: 40px;
				    padding: 2px;
				    width: 40px;
				}
			}
		}

		.msg-error {
		    background-color: #fff9eb;
		    border: 1px solid #f7dd89;
		    display: none;
		    margin-top: 5px;
		    padding: 4px 10px;
		}
		.p-quantity-info {
			.p-unit {
			    margin-left: 5px;
			}
			.p-available-stock,
			.p-unit {
				color: @gray-light;
			    display: inline-block;
			    line-height: 30px;
			    vertical-align: middle;
			}
			.p-available-stock {
			    display: none;
			}
		} 

		.product-action-main {
		    a {
			    border-radius: 3px;
			    display: inline-block;
			    font-size: 18px;
			    height: 44px;
			    line-height: 44px;
			    vertical-align: top;
			    &.buy-now-btn {
			    	.posr;
				    background-color: #fd9729;
				    border: 1px solid #fd9729;
				    color: @badge-color;
				    line-height: 42px;
				    margin: 0 10px 5px 0;
				    padding: 0 35px;
				    &.buynow-loading {
					    cursor: default;
					    &:before {
					    	visibility: visible;
					    }
					}
				}
				&.add-cart-btn {
				    background-color: #ff5400;
				    color: @badge-color;
				    margin: 0 5px 5px 0;
				    padding: 0 30px;
				}
				&:hover {
					text-decoration: none;
				}
			}
		}
		.add-wishlist-action {
		    padding-top: 18px;
		    a {
		    	color: @gray-dark;
		    	&:hover,
		    	&:hover span {
		    		color: #e62e04;
		    	}
		    	&:after,
		    	&:before {
		    		background: rgba(0, 0, 0, 0) url("../images/wish.png") no-repeat;
				    content: "";
				    display: inline-block;
				    height: 16px;
				    margin-right: 5px;
				    overflow: hidden;
				    vertical-align: top;
				    width: 20px;
		    	}
		    	&:after {
		    		background-position: -50px -100px;
		    	}
		    }
		}
	}
}
.p-property-item {
    padding: 5px 5px 5px 0;
    .p-item-title {
	    .l;
	    line-height: @font-size-base;
	    padding-top: 7px;
	    text-align: left;
	    width: 75px;
	    word-wrap: break-word;
	    font-weight: 400;
	}
	.p-item-main {
	    margin-left: 80px;
	    min-height: 30px;
	}
}
.p-quantity-modified {
	.posr;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-color: @badge-color;
    border: @bor;
    border-radius: 2px;
    display: inline-block;
    height: 30px;
    padding: 0 25px;
    vertical-align: middle;
    input {
    	border: 0 none;
	    display: block;
	    line-height: @font-size-base;
	    margin-top: 6px;
	    text-align: center;
	    width: 60px;
    }
    i {
    	.posa;
    	cursor: pointer;
	    display: block;
	    height: 20px;
	    top: 8px;
	    width: 20px;
	    color: #666;
	    &.p-quantity-decrease {
		    left: 10px;
		}
		&.p-quantity-increase {
		    right: 0px;
		}
    }
}
.quantity-discount {
    margin: 20px 0 0;
}
// Product description
.description {
	.bk_bj;
	height: auto;
	min-height: 300px;
}
/*图片放大镜样式*/
.jqzoom {
	.posr;
	.l;
	border:none;
	padding:0px;
	cursor:pointer;
	margin:0px;
	display:block;
	width:518px;
	height:458px;
	img {
		width: 100%;
		height: 100%;
	}
}

.zoomdiv {
	.posa;
	z-index:100;
	top:0px;
	left:0px;
	width:500px;
	height:500px;
	background:@badge-color;
	border: @bor;
	display:none;
	text-align:center;
	overflow:hidden; 
	display: block;
}
.jqZoomPup {
	.posa;
	z-index:10;
	visibility:hidden;
	top:0px;
	left:0px;
	width:20px;
	height:20px;
	border:1px solid #aaa;
	background:@badge-color /*url(../images/zoom.png) 50% center no-repeat*/;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50); 
	display: block;
}

/*图片小图预览列表*/
.spec-preview {
	width:520px;
	height:460px; 
	border: 1px solid #ddd;
}
.spec-scroll {
	clear:both;
	margin-top:15px;
	width:520px; 
	.l;
	.prev {
		float:left;
		margin-right:4px; 
		background: url('../images/arrow.png') no-repeat left center;
	}
	.next {
		float:right; 
		background: url('../images/arrow.png') no-repeat right center;
	}
	.prev,
	.next {
		display:block;
		font-family:"宋体";
		text-align:center;
		width:30px;
		height:60px; 
		line-height:60px;
		cursor:pointer;
	}
	.items {
		.posr;
		.l;
		width:455px;
		height:70px;
		overflow:hidden;
		ul {
			.posa;
			width:999999px;
			height:53px;
			li {
				.l;
				text-align:center; 
				width: 75px;
				img {
					border: @bor;
					padding:2px;
					width:60px;
					height:60px;
					&:hover {
						border:2px solid #FF6600;
						padding:1px;
					}
				}
			}
		}
	}
}

.jzoom {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 500;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	.prev_02,
	.next_02 {
		.posa;
		font-size: 36px;
		color: @dropdown-bg;
		top: 50%;
		cursor: pointer;
		margin-top: -25px;
		z-index: 501;
	}
	.prev_02 {
		left: 5%;
	}
	.next_02 {
		right: 5%;
	}
	img {
		.posa;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		max-width: 90%;
		max-height: 90%;
		margin: auto;
	}

}

// shopping cart
.details_02 {
	.bk_bj;
	min-height: 100px;
	padding: 15px;
	display: inline-block;
	width: 100%;
}
.item-group {
    table-layout: fixed;
    width: 100%;
    word-break: break-all;
    th {
	    color: @gray-dark;
	    font-weight: 400;
	    font-size: 16px;
	}
	.item-product {
	    padding-right: 20px;
	    td {
		    word-break: break-all;
		    word-wrap: break-word;
		}
	}
	.item-check {
	    padding-right: 20px;
	    width: 20px;
	    border-bottom: 1px solid #eee;
	}
	.product-price-total {
	    font-size: 30px;
	}
	
}
.item-group .item-quality {
    padding-right: 20px;
    width: 160px;
}
.item-group .item-price {
    padding-right: 20px;
    width: 120px;
}
.item-group .free_shipping {
	width: 220px;
}
.item-group .item-operate {
    text-align: right;
    width: 80px;
}
.item-group .item-shipping-cost {
    padding-right: 20px;
    width: 120px;
}
.item-group {
	.product-pic {
	    .l;
	    width: 80px;
	    .product-pic-image {
			border: @bor;
		}
	}
	tbody {
		tr {
			border-bottom: @bor;
    		&:last-child {
    			border-bottom: none;
    		}
		}
		td {
			padding: 15px 0;
		}
		a {
		    color: @gray-dark;
		}
	}
	tfoot td {
	    padding-top: 15px;
	}
	.item-header {
	    border-bottom: 1px solid #eee;
	    padding-bottom: 10px;
	    text-align: left;
	    &:last-child {
    			border-bottom: none;
    		}
	}
	.product-attribute {
		margin-left: 95px;
	    min-height: 18px;
	    margin-bottom: 0px;
		dt {
			.l;
		    color: @gray-light;
		    margin-right: 5px;
		}
		dd {
		    .l;
		    margin-left: 0;
		    span {
			    color: @gray-dark;
			    margin-right: 3px;
			}
		}
	}
	.product-link {
	    margin: 0 0 @font-size-small 95px;
	    a {
		    line-height: 16px;
		}
	}
	.total_price {
	    width: 200px;
	    .value {
			color: @gray-dark;
		    font-size: @font-size-base;
		}
	}
	.product-info-detail {
	    padding-right: 60px;
	}
	.product-price-info2 {
	    clear: both;
	    margin-top: 5px;
	}
}

.item-group .product-price .value {
    color: @gray-dark;
    font-size: @font-size-base;
}
.item-group .product-info-detail, 
.item-group .product-price, 
.item-group .product-quantity, 
.item-group .total_price, 
.item-group .pro_shipping{
    vertical-align: top;
}

.pro_ship {
	border: @bor;
	padding: 5px 8px;
	background: #fff;
	z-index: 10;
	.posr;
	display: block;
	&:hover {
		border-bottom: none;
		.posr;
	}
}
.active_01 {
	display: block;
	.posr;
	z-index: 10;
	&:hover {
		display: block;
		z-index: 99999;
	}
}

.pnl-shipping {
    background: #fff none repeat scroll 0 0;
    border: @bor;
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
    font-size: 11px;
    .posa;
    text-align: left;
    width: 550px;
    z-index: 1;
    display: none;
    right: 0px;
    top: 27px;
    .inner {
	    border-bottom: @bor;
	    padding: 7px 5px;
	}
	li {
	    line-height: 20px;
	    list-style-type: none;
	    margin-left: 0;
	    padding: 4px 5px 4px 10px;
	    font-size: @font-size-small;
	    label input {
		    margin-right: 5px;
		}
		label {
		    cursor: pointer;
		    width: 520px;
		}
		&:hover {
			background: #eee;
		}
	}
}

.lbl-shipping-remaining {
    color: @gray-light;
    width: 135px;
}
.lbl-shipping-price {
    width: 85px;
}
.pnl-shipping .lbl-shipping-price, 
.pnl-shipping .lbl-shipping-remaining {
    .r;
    text-align: right;
}


.pnl-shipping-action {
    padding: 8px 0 5px 10px;
}
.pnl-shipping-action .btn-cancel, 
.pnl-shipping-action .btn-ok {
    cursor: pointer;
    font-size: 11px;
}

.pro_active {
	background: #fff;
	height: 28px;
	.posr;
	border-bottom: none;
}
.item-group .pro_shipping {
	text-align: right;
	margin-right: 15px;
	padding-right: 20px;
	.posr;
}
.free_03 {
	color: #f60;
	margin-top: 15px;
	display: block;
	text-align: right;
	font-weight: bold;
}

.item-group .product-price-title {
    color: @gray-dark;
    line-height: 18px;
    font-size: 16px;
    margin: 0 10px 0 15px;
}
.pro_options a {
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
    margin-left: 10px;
}
.addtowishlist {
	background: url("../images/cart_icon.png") no-repeat scroll -11px 0;
	width: @font-size-small;
	height: 11px;
	&:hover,
	&.hover {
		background-position: -11px -11px;
	}
	&.active {
		background-position: -11px -22px;
	}
}
.delete {
	background: url("../images/cart_icon.png") no-repeat scroll 0 0;
	&:hover {
		background-position: 0 -11px;
	}
}
.cart_icon_wish {
    background: url("../images/cart_icon.png") no-repeat scroll 0 0;
}
.cart_icon_remove {
    background-position: 0 0;
}

.text_02 {
	.posr;
	width: 450px;
	margin-right: 15px;
	.text_01{
		color: @gray-light;
	    height: 35px;
	    line-height: 35px;
	    .posr;
	    width: 450px;
	    border: @bor;
	    padding-left: 5px;
	    font-size: @font-size-base;
	}
	.orz {
		.posa;
		border: solid 1px #000;
		width: 130px;
		appearance:none;
		-moz-appearance:none;
		-webkit-appearance:none;
		background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll 95% center transparent;
		color: @gray-dark;
		right: 0px;
		top: 0px;
		height: 100%;
	    line-height: 100%;
	    padding: 0 30px 0 10px;
	    border: @bor;
	    option {
	    	line-height: 30px;
	    	height: 30px;
	    }
	}
}
.ex {
    background: url("../images/ppexBg.gif") no-repeat scroll center center;
    height: 33px;
    width: 130px;
    margin-right: 10px;
}
.el {
	margin-left: 10px;
}
.sub {
	margin-left: 15px;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, @badge-color, #e6e6e6);
    border-color: @breadcrumb-color @breadcrumb-color #b3b3b3;
    color: @gray-dark;
}

.confirm {
	.bk_bj;
	min-height: 100px;
	height: auto;
	padding: 15px;
}


a.textbtn {
    background: #fdefb7 url("base-images/button-bg.png") repeat-x scroll 0 0;
    border: 1px solid #d0af76;
    border-radius: 2px;
    color: #963;
    display: inline-block;
    font: 12px/12px Verdana;
    margin: 0 10px 0 0;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff9a0;
    transition: border-color 0.218s ease 0s;
}

#manAddrBook {
    float: right;
    text-decoration: underline !important;
    margin-bottom: 10px;

}
.widget::after {
	clear: both;
    content: ".";
    display: block;
    font: 0px/0 arial;
    height: 0;
    visibility: hidden;
}
.selected {
	background: #eee;
}
.u {
    text-decoration: underline !important;
}
.toEditAddr {
    font-size: 10px;
    margin-left: 10px;
    color: @gray-dark;
}
.mainbox input[type="radio"], 
.mainbox input[type="checkbox"] {
    vertical-align: text-bottom;
}

.mainbox li {
	padding: 5px 8px;
	label {
		margin-left: 5px;
	}
}

#addAddress {
	margin-top: 10px;
}

.details {
    line-height: 40px;
    .posr;
}
.details table {
    margin: 0 auto;
}
table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}
.details td {
    padding: 0 10px 0 0;
}
.title {
    text-align: right;
}
.confirm .details input[type="text"], select {
    padding: 2px 3px;
    height: 26px;
    width: 550px;
    border: @bor; 
    -moz-appearance: none;
    -webkit-appearance:none;
            appearance:none; 
}
.dw {
	.posa;
	right: 20px;
	top: @font-size-small;
}

.payments {
	.bk_bj;
	min-height: 100px;
	height: auto;
	padding: 15px;
	li {
		display: inline-block;
		margin-right: 30px;
		width: 30%;
	}
	input {
		vertical-align: top;
		margin-right: 8px;
	}
	.pay {
		margin-bottom: 15px;
	}
	.pay_01 {
		margin-top: 15px;
	}
	.coins {
		border-top: 1px dashed #eee;
	}
	#inputCoins {
	    background: #f5f5f5 none repeat scroll 0 0;
	    border: 1px solid #ddd;
	    padding: 2px;
	    vertical-align: middle;
	}
}

.place {
	.r;
	ul li {
		line-height: 40px;
		font-size: @font-size-base;
		color: @gray-light;
		span {
			float: right;
			margin-left: 200px;
			color: @gray-dark
		}
	}
	.f_18 {
		font-size: @f_18;
	}
	.f60 {
		color: #f60;
	}
	.jl {
		margin-top: @f_16;
	}
}
.visa {
	font-weight: 100;
	margin-left: 5px;
	a {
		color: @gray-dark;
	}
}

.new_list {
	.bk_bj;
	min-height: 100px;
	height: auto;
	padding: 15px;
	.viewList {
	    margin: 0;
	}
	.p-img {
		width: 130px;
		height: 130px;
		img {
			width: 100%;
			height: 100%;
		}
	}
	li {
		border-bottom: 1px dashed #ddd;
	    font-size: 14px;
	    display: inline-block; 
	    padding: 15px 0px;
	    &:first-child {
	    	padding-top: 0px;
	    }
	    &:last-child {
	    	padding-bottom: 0px;
	    }
	    &:last-child {
	    	border-bottom: none;
	    }
	    img {
		    border: 1px solid #d9d9d9;
		}
	}
	.listPic {
	    float: left;
	    p {
	    	margin: 0px;
	    }
	}
	.listCon {
	    float: left;
	    padding: 10px;
	    width: 817px;
	}
	.listPri {
	    float: left;
	    padding: 10px;
	    width: 206px;
	}
	.p-price {
	    font-weight: bolder;
	    line-height: 18px;
	    color: #ff751a;
	    .zz {
	    	font-weight: 400;
	    	
	    	padding-right: 15px;
	    }
	}
	.rTotal {
	    color: #999;
	}
	.rImg {
	    background: rgba(0, 0, 0, 0) url("../images/star.png") no-repeat;
	    display: inline-block;
	    height: 10px;
	    width: 62px;
	}
	.p-title a {
		color: #666;
	}
}
